<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>整改工单</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/home_task_con.css" />
    <style>
        *{
            font-size: 0.8rem;
        }
        .label-text-width {
            width: 70px;
        }
        .examine_con_list{
            padding: 4px 0px;
        }

        .choosebox {
            width: 100px;
            position: fixed;
            top: 2px;
            right: 5px;
            background: #fff;
            padding-top: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;

        }

        .topstyle {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }
        .maskbg{
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
        .imglist_item {
  width: 23%;
  height: 4rem;
  margin: 1% 2% 1% 0%;
  float: left;
  color: #ddd;
  position: relative;
  font-size: 0.6rem;
  overflow: hidden;
  text-align: center;
}
.imglist_item img {
  width: 100%;
  height: auto;
  overflow: hidden;
  /*margin: 0 auto;*/
}
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- 弹框黑色背景 -->
        <div v-on:click="closebox()" v-if="isshow" class="maskbg">
        </div>
        <div v-if="isshow" class="choosebox showTopstyle" style="min-height:50px; max-height: 200px;">
            <div v-if="form.canEdit" class="topstyle" v-on:click="do_edit(form)">编辑</div>
            <div class="topstyle" v-on:click="do_delete(form.ID)">删除</div>
            <div v-if="form.canChange" class="topstyle" v-on:click="do_chooseperson(form.ID,2)">转交</div>
            <div v-if="form.canAfreshSend" class="topstyle" style="border-bottom: none;" v-on:click="do_chooseperson(form.ID,4)">重新指派</div>
        </div>
        <section class="aui-content contentBox">
            <div class="aui_list boxarea mb20">
                <div class="pb10">
                    <!--工单基础信息展示-->
                    <div class="mt20">
                        <div class="examine_con_list">
                            <div class="ex_con_lft">所属项目</div>
                            <div class="ex_con_rgt">{{form.fullname}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">问题分类</div>
                            <div class="ex_con_rgt">{{form.CategoryName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">责任部门</div>
                            <div class="ex_con_rgt">{{form.DepartmentName?form.DepartmentName:'--'}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">整改处理人</div>
                            <div class="ex_con_rgt">{{form.InChargeUserNames}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">验收人</div>
                            <div class="ex_con_rgt">{{form.CheckUserName}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">抄送人</div>
                            <div class="ex_con_rgt">{{form.SendUserNames?form.SendUserNames:'--'}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">检查类型</div>
                            <div class="ex_con_rgt">{{form.CheckTypeDesc?form.CheckTypeDesc:'--'}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft">扣分值</div>
                            <div class="ex_con_rgt">{{form.DeductNumber!=undefined&&form.DeductNumber>=0?form.DeductNumber:'--'}}</div>
                        </div>
                        <div class="examine_con_list">
                            <div class="ex_con_lft" style="width: 32%;">限期整改时间</div>
                            <div class="ex_con_rgt" style="width: 67%;">{{form.EndTime}}</div>
                        </div>
                        <div class="examine_con_list zx_xiangmu">
                            <div class="ex_con_lft" style="width: 100%; float: unset;">问题描述</div>
                            <div class="zxitembox">
                                <div class="zx_xiangmu">{{form.content}}</div>
                                <div class="imglist_box ">
                                    <div class="imglist_item" v-for="itemImg in task_imgList">
                                        <img v-on:click="img_browser(itemImg)" v-bind:src="itemImg.imgurl">
                                    </div>
                                    
                                    <!-- <div class="imglist_item">
                                        <img class="aui-img-object" v-for="itemImg in task_imgList"
                                        v-on:click="img_browser(itemImg)" v-bind:src="itemImg.imgurl" />
                                    </div> -->
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


            <!--工单轨迹-->
            <div class="aui_list boxarea mb20">
                <div class="work_title">工单轨迹</div>
                <div class="ptb10">
                    <ul class="processul">
                        <li class="processulli  li-border-color-grey" v-if="index<=0||showproess"
                            v-for="(item,index) in form.processlist">
                            <div class="task_process_con">
                                <div class="handle">
                                    <div class="task_process_basic_title">
                                        <div class="task_process_basic_title_name fl">
                                            <div class="fl">{{item.title}}</div>
                                            <div class="cl"></div>
                                        </div>

                                        <div class="task_process_basic_title_time ccc fr">{{item.processtime}}</div>
                                        <div class="cl"></div>
                                    </div>
                                    <div class="">
                                        <div class="handle_con_msg ">
                                            <span
                                                v-if="item.username!=''&&item.username!=null">【{{item.username}}】完成了工单【{{item.title}}】。</span>
                                            <span
                                                v-if="item.sendUserNames!=''&&item.sendUserNames!=undefined&&item.sendUserNames!=null">选择接单人：{{item.sendUserNames}}。</span>
                                            {{item.content}}
                                        </div>
                                        <div class="handle_img_list" v-if="item.imgList.length>0">
                                            <div class="task_con_image">
                                                <img v-for="item2 in item.imgList" v-on:click="img_browser(item2)"
                                                    v-bind:src="item2.imgurl" />
                                                <div class="cl"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hide_height"></div>
                            </div>
                        </li>
                    </ul>

                    <div v-if="form.processlist.length>1" class="proess-select mb20" v-on:click="showProessAll()">
                        查看详情
                        <i v-if="showproess" class="icon iconfont icon-shangjiantou"></i>
                        <i v-if="!showproess" class="icon iconfont icon-down"></i>
                    </div>

                </div>
            </div>

            <!--底部按钮-->
            <!-- <div class="new-btn-bottom">
                <div v-if="form.canAcceptOrder" class="new-blue-btn" v-on:click="do_accpet_status()">接单</div>
                <div v-if="form.canComplete" class="new-blue-btn" v-on:click="do_complete()">整改完成</div>
                <div v-if="form.canCheck" class="new-blue-btn" v-on:click="do_yanshou()">验收</div>
            </div> -->

            <div class="bottom">
                <div v-if="form.canAcceptOrder" class="aui_bottombtn mb20" v-on:click="do_accpet_status()">接单</div>
                <div v-if="form.canComplete" class="aui_bottombtn mb20" v-on:click="do_complete()">整改完成</div>
                <div v-if="form.canCheck" class="aui_bottombtn mb20" v-on:click="do_yanshou()">验收</div>
            </div>

        </section>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/qualitycontroldetail.js"></script>

</html>